<template>
  <section>
    <el-card shadow="never" class="cardBox">
      <div slot="header" class="clearfix">
        <span>母线列表</span>
      </div>
      <el-table
        :data="tableData"
        max-height="300"
        border
        style="width: 100%"
        class="mr_vertical_10"
      >
        <el-table-column type="index" width="50" />
        <el-table-column prop="Type" label="类型" width="180"></el-table-column>
        <el-table-column prop="RealPowerDemand" label="有功需求"></el-table-column>
        <el-table-column prop="ReactivePowerDemand" label="无工需求"></el-table-column>
        <el-table-column prop="ShuntConductance" label="接地电导"></el-table-column>
        <el-table-column prop="ShuntSusceptance" label="接地电纳"></el-table-column>
        <el-table-column prop="Area" label="区域编号"></el-table-column>
      </el-table>
    </el-card>
  </section>
</template>
<script lang='ts'>
import { Vue, Component, Watch } from "vue-property-decorator";
import Page from "@/components/page.vue";
@Component({
  components: {
    Page
  }
})
export default class MyApplication extends Vue {
  protected tableData: any = [];
  protected created() {
    this.init();
  }

  protected async init() {
    const result: any = await this.$api.getBusesQuery({}).then((res: any) => {
      this.tableData = JSON.parse(JSON.stringify(res.data));
    });
  }
}
</script>

<style lang="scss" scoped>
.mr_vertical_10 {
  margin: 10px 0;
}
</style>


